<!-- 件毛体选择 -->
<template>
	<van-action-sheet :show="show" z-index="999" animated>
		<view class="content">
			<!-- 1. 头部信息 -->
			<div
				style="margin-left: 30rpx;margin-right: 30rpx; height: 90rpx;display: flex;justify-content:space-between;align-items:center">
				<van-icon name="cross" size="50rpx" @click="closeManager" />
				{{noticeTitle}}
				<van-button v-if="showbutton" color="#3D7EFF" type="primary" size="small" :disabled="!radio"
					@click="productItemCheckedManager">确定</van-button>
				
				<view v-else style="width: 40rpx;"/>
			</div>

			<scroll-view scroll-y="true" class="scroll-Y">
				<rich-text :nodes="noticeContent"></rich-text>
			</scroll-view>

		</view>

	</van-action-sheet>
</template>

<script>

	export default {
		name: 'TermOfService',
		components: {},
		props: {},
		data() {
			return {
				// 是否打开
				show: false,
				noticeContent: '',
				noticeId: '',
				noticeTitle: '',
				showbutton:false,
			}
		},
		methods: {
			open(noticeId,showbutton) {
				this.noticeId = noticeId;
				if (showbutton){
					this.showbutton = showbutton;
				}
				// 1. 打开弹窗
				this.show = true
				this.interfacesystemNoticeDetail();
			},

			closeManager() {
				this.show = false;
			},

			// 通知详情
			interfacesystemNoticeDetail() {
				this.noticeContent = '123';
			}

		}
	}
</script>

<style lang="scss" scoped>
	// 1. 主视图
	.content {
		height: 80vh;
		background-color: #f8fafd
	}




	.scroll-Y {
		height: calc(80vh - 90rpx);
	}
</style>